// 导入动画库
import { trigger, state, transition, style, animate } from '@angular/animations';

export const cardAnima = trigger('card', [
    // 鼠标移出的时候
    state('out', style({ transform: 'scale(1)', 'box-shadow': 'none' })),
    state('hover', style({ transform: 'scale(1.05)', 'box-shadow': '3px 3px 5px 6px #ccc' })),
    transition('out=>hover', animate('100ms ease-in')),
    transition('hover=>out', animate('100ms ease-in'))
]);
